<template>
  <div class="achievement" v-cloak>
    <div class="bg_color"></div>
    <div class="activa">
      <img src="../assets/image/a_05.png" alt="">
      <p>已提交激活申请,请等待商家处理！</p>
      <p>可在个人中心查看商品报修时间</p>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'activation',
    data () {
      return {
        list: {},
        cardsta: false,
        nocard: false,
        show: false,
        classify_list: []
      }
    },
    methods: {
      experience: function () {
        var thisObj = this
        if (thisObj.list.uc_status !== '已使用') {
          window.location.href = '#/ServiceHome'
        }
      },
      verify: function () {
        this.$chaos.setTitle('激活申请')
        this.$store.commit('headerShow', true)
        this.$store.commit('title', '激活申请')
        this.$store.commit('footerShow', false)
      }
    },
    created: function () {
      this.verify()
    },
    mounted: function () {
      window.scrollTo(0, 2000)
    },
    watch: {
      '$route': 'verify'
    }
  }
</script>
<style scoped>
  .bg_color{
    background: url("../assets/image/a_10.png");
    background-size: cover;
  }
  .activa{
    width:85%;
    border:1px solid #f1f1f1;
    background: #fcfcfc;
    margin:100px auto 0px;
    padding: 20px 0px;
    text-align: center;
  }
  .activa p {
    margin-top:10px;
  }
  .activa img{
    width:90px;
    /*margin-bottom: 10px;*/
  }
</style>
